<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <title>repo</title>
    <%--引入jquery和bootstrap方式--%>
    <link rel="stylesheet" href="/webjars/bootstrap/4.6.1/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/css/layout.css">
    <script src="/webjars/jquery/3.5.1/jquery.min.js"></script>
    <script src="/webjars/bootstrap/4.6.1/js/bootstrap.min.js"></script>
    <style type="text/css">
        .filexs {
            background-color: #ffffff;
            display: flex;
            flex-wrap: wrap;
            height: auto;
            justify-content: space-between;
        }

        .file {
            width: 140px;
            height: 80px;
        }

        .ima {
            width: 65%;
            height: 50%;
            margin: auto;
        }

        .card {
            width: 300px;
            height: 250px;
            margin: auto;
            margin-top: 20px;
        }

        .wzLength {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
        }
    </style>
</head>
<body>
<div class="head-body-container">
    <div class="head">
        <jsp:include page="header.jsp"></jsp:include>
    </div>
    <div class="aside-main-container">
        <div class="aside">
            <jsp:include page="aside.jsp"></jsp:include>
        </div>
        <div class="main">
            <div class=filexs>
                <c:forEach items="${list}" var="list">
                    <div class="thumbnail card " style="background-color: #d3efef">
                        <img class="ima" src="/zjm02.jpg">
                        <div class="caption wzLength" style="padding-left: 40px;     background-color: #6ea1a1">
                            <h3>${list.title}</h3>
                            <div style="flex: auto">
                                <p>大小为${list.size}KB &nbsp;&nbsp;&nbsp;&nbsp;<a href="/repo.jsp/${list.title}"
                                                                                class="btn btn-primary"
                                                                                role="button">下载</a></p>
                            </div>

                        </div>
                    </div>
                </c:forEach></div>
        </div>
    </div>
</div>

</div>
</body>
</html>